<template>
  <div>
    <div class="box">
      <b-button>默认按钮</b-button>
      <b-button type="primary">主要按钮</b-button>
      <b-button type="success">成功按钮</b-button>
      <b-button type="info">信息按钮</b-button>
      <b-button type="warning">警告按钮</b-button>
      <b-button type="danger">危险按钮</b-button>
    </div>
    <div class="box">
      <b-button rounded>默认按钮</b-button>
      <b-button rounded type="primary">主要按钮</b-button>
      <b-button rounded type="success">成功按钮</b-button>
      <b-button rounded type="info">信息按钮</b-button>
      <b-button rounded type="warning">警告按钮</b-button>
      <b-button rounded type="danger">危险按钮</b-button>
    </div>
    <div class="box">
      <b-button circle icon="iconclose"></b-button>
      <b-button circle icon="iconclose" type="primary"></b-button>
      <b-button circle icon="iconclose" type="success"></b-button>
      <b-button circle icon="iconclose" type="info"></b-button>
      <b-button circle icon="iconclose" type="warning"></b-button>
      <b-button circle icon="iconclose" type="danger"></b-button>
    </div>
    <div class="box">
      <b-button>默认按钮</b-button>
      <b-button size="medium">中等按钮</b-button>
      <b-button size="small">小型按钮</b-button>
      <b-button size="mini">超小按钮</b-button>
    </div>
    <div class="box">
      <b-button disabled>默认按钮</b-button>
      <b-button disabled type="primary">主要按钮</b-button>
      <b-button disabled type="success">成功按钮</b-button>
      <b-button disabled type="info">信息按钮</b-button>
      <b-button disabled type="warning">警告按钮</b-button>
      <b-button disabled type="danger">危险按钮</b-button>
    </div>
    <div class="box">
      <b-input type="textarea" placeholder="请输入内容" v-model="inputVal"/>
      <b-input placeholder="请输入内容" v-model="inputVal" />
      <b-input placeholder="请输入内容" disabled />
      <b-input placeholder="请输入内容" clearable v-model="inputVal" />
      <b-input placeholder="请输入内容" showpwd v-model="pwd" />
    </div>
  </div>
</template>

<script>
import BButton from './components/button/index'
import BInput from './components/input/index'
export default {
  name: 'Home',
  components: {
    BButton,
    BInput,
  },
  data() {
    return {
      inputVal: 'hudshud',
      pwd: 11111,
    }
  },
}
</script>

<style scoped lang='less'>
.box {
  width: 100%;
  margin-bottom: 20px;
}
</style>